@charset "utf-8";

body{

	background-color:#F3F5F8;
}

.wrapper{

	text-align:center;
	vertical-align: center;
}

.chatbox{

	background: #fff;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#friends{

	width:240px;
	
	float:left;
	overflow-y: auto;
    overflow-x: hidden;
}

.friend{

	height:60px;
    position: relative;
    vertical-align:center;
    text-align:left;
    color:#597a96;
}

.friend img {

    width: 40px;
    margin: 10px;
    border-radius: 50%;  
}

.dot{

	background-color: #F9354C;
	border-radius: 50%;
	height:18px;
	width:18px;
	margin-top:20px;
	margin-right:5px;
	float:right;
}

.profile label{

	margin-top:10px;
	font-size:20px;
	font-weight:normal;
}

#chat-messages{

	text-align:left;
	
	margin-top:50px;
	overflow-y: auto;
    overflow-x: hidden;
}

hr {
    margin-top: 10px;
    margin-bottom: 0px;
}


#chat-messages img{

    width:40px;
    height:40px;
    border-radius: 50%;
    margin-top: 20px;
}

.desc{

    margin-left:20px;
    display:inline;
    font-size:18px;
}

.delete{

    float:right;
}

#sendmessage hr {

    margin-top: 0px;
    margin-bottom: 0px;
}

#sendmessage textarea {

    overflow:hidden;
    resize:none;
}

.trans{

    color:#00AAFF;
    background:transparent;
    border:none;
    float:right;
    outline:none;
}

.btn-agree{

    color:#41B314;
    background:transparent;
    border:none;
}

.btn-red{

    color:red;
    background:transparent;
    border:none;
}

#send{

	width:100px;
	padding:0;
	margin-top:10px;
	float:right;
}

.del{

    margin-left:20px;
    margin-top: 10px;
    font-size:18px;
}

